<template>
  <div class="fan-info">
    <h2>个人信息表</h2>
    <table>
      <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>职业</th>
        <th>学历</th>
      </tr>
      <tr>
        <td>张三</td>
        <td>男</td>
        <td>26</td>
        <td>工程师</td>
        <td>大学</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: 'FanInfo'
}
</script>

<style scoped>
.fan-info {
  color: white;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #fff;
  padding: 10px;
  text-align: left;
}

th {
  background-color: rgba(255, 255, 255, 0.1);
}
</style> 